import { createUseStyles } from "react-jss";

const useStyles = createUseStyles({
  footer: {
    display: "flex",
    justifyContent: "flex-end",
    alignItems: "center",
    height: "24px",
    "&>* + *": {
      marginLeft: "16px",
    },
  },
  panel: {
    padding: 0,
  },
  layout: {
    display: "flex",
    flex: "1",
    overflow: "hidden",
    flexDirection: "column",
    height: "100%",
    padding: "0 16px 16px 16px",
    boxSizing: "border-box",
  },
  layoutContent: {
    overflow: "auto",
    flex: 1,
  },
  layoutFooter: {
    paddingTop: "10px",
    paddingBottom: "10px",
    flexShrink: 0,
    flexGrow: 0,
    position: "relative",
  },
  spin: {
    width: "auto",
    display: "inline-block",
  },
});

export default useStyles;
